<!DOCTYPE html>
<html lang="en" data-ng-app="app">
<head>
  <meta charset="utf-8" />
  <title>爱海比视频融合云</title>
  <meta name="description" content="app, web app, responsive, responsive layout, admin, admin panel, admin dashboard, flat, flat ui, ui kit, AngularJS, ui route, charts, widgets, components" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="css/animate.css" type="text/css" />
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="css/font.css" type="text/css" />
  <link rel="stylesheet" href="css/app.css" type="text/css" />
  <link rel="stylesheet" href="vendor/jquery/ztree/css/metroStyle/metroStyle.css" type="text/css" />
  
</head>
<body >


  <!-- jQuery -->
  <script src="vendor/jquery/jquery.min.js"></script>


   <script src="vendor/jquery/datatables/jquery.dataTables.min.js"></script>
   <script src="vendor/jquery/datatables/dataTables.bootstrap.js"></script>
     <link rel="stylesheet" href="vendor/jquery/datatables/dataTables.bootstrap.css" />
  

  

<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">视频文件管理</h1>
</div>
<div class="wrapper-md">


  <div class="panel panel-default">
    <div class="panel-heading">
      视频文件管理
    </div>
<div class="table-responsive" >
      <table id="myTable" class="table table-striped m-b-none">
      
      </table>
    </div>
  </div>
</div>





 
</body>

<script type="text/javascript">


    $(document).ready(function(){
      console.log('这是onready方法:'+Math.random());
      console.log($('#myTable'));
     
     var url = "http://localhost:8087/ihaibiCMP/cmp/HttpGetList.htmls?domainUrl=http://106.14.57.55:8090/api/v1/file_info&query=delflag:0&_=1486102879779";

    $('#myTable').dataTable({      
        "ajax": {
                "url": url,
                "dataSrc": ""
            },
        "columns": [
            { "data": "Id","width":"auto","title":"ID" },
            { "data": "FileTitle" ,"width":"auto","title": "标题"}
        ],
        "columnDefs": [
            {
                  "data": "Id",
               "targets": 2,
                 "title": "提供ID给第三",
                "render": function ( data, type, row ) {
                  //row.key指拿到的json里面的key对应的value，data值对应的"columns"中拿到的第几个值，这里就是第一个值"key1"对应的value
                  console.log(row);
                    return "this is:"+ data;
                }
            }
                         
        ],
         //当处理大数据时，延迟渲染数据，有效提高Datatables处理能力
        deferRender: true,
        processing: true,
        language: {
           url: 'vendor/jquery/datatables/Chinese.json'
    },
    responsive: true,
    searching: true,
    ordering: true,
    lengthChange: true 

});


 





     









});  





</script>
</html>